@charset "utf-8";


.js-silder {position: relative; min-width: 320px;}
.silder-scroll {width: 100%; overflow: hidden;}
.silder-main {position: relative; width: 100%; overflow: hidden;}
.silder-main-img {position: absolute; top: 0; left: 0; width: 100%;}
.silder-main-img img {position: absolute; top: 0; left: 50%; width: 100%; margin-left: -50%; vertical-align: middle;}
.js-silder-ctrl {width: 100%; text-align: center;}
.silder-ctrl-prev,.silder-ctrl-next {position: absolute; top: 0; width: 8%; height: 100%; vertical-align: middle; font-style: normal; cursor: pointer; color: #FFF; font-size: 52px; font-weight: 600; text-shadow: 0 0 5px rgba(0,0,0,.25);}
.silder-ctrl-prev {left: 0; text-align: left;}
.silder-ctrl-next {right: 0; text-align: right;}
.silder-ctrl-prev>i, .silder-ctrl-next>i {position: absolute; top: 50%; margin-top: -40px; font-style: normal;}
.silder-ctrl-prev>i {left: 15px;}
.silder-ctrl-next>i {right: 15px;}
.silder-ctrl-point {position: absolute;  width: 100px; height: 15px; left: 50%; margin-left: -50px; bottom: 10px; text-align: center; cursor: pointer;}
.silder-ctrl-con {display: inline-block; width: 10px; height: 10px; margin: 0 5px; line-height: 0; text-indent: -9999px; overflow: hidden; border-radius: 50%; cursor: pointer; background-color: #FFF; box-shadow: 0 0 5px rgba(0,0,0,.15);}
.silder-ctrl-con.active {background-color: #A66CA5; box-shadow: none;}